<!-- 药品报销比例维护主页面 -->
<template>
  <div class="drug-ratio-page">
    <div class="page-header">
      <h2>药品报销比例维护</h2>
      <el-button type="primary" @click="$router.push('/medical-info/drug-ratio')">
        报销比例管理
      </el-button>
    </div>
    <div class="page-content">
      <el-card class="info-card">
        <h3>功能说明</h3>
        <p>本模块用于维护药品报销比例规则，包括：</p>
        <ul>
          <li>甲类、乙类、丙类药品报销比例设置</li>
          <li>报销比例状态管理（启用/停用）</li>
          <li>报销规则实时编辑和更新</li>
          <li>药品类型报销策略维护</li>
        </ul>
        
        <h3>操作说明</h3>
        <p>点击"报销比例管理"按钮进入主功能页面，可以：</p>
        <ul>
          <li><strong>查看</strong>：查看所有药品类型的报销比例</li>
          <li><strong>新增</strong>：添加新的报销比例规则</li>
          <li><strong>编辑</strong>：修改现有的报销比例</li>
          <li><strong>删除</strong>：删除不需要的报销规则</li>
          <li><strong>筛选</strong>：按状态筛选报销规则</li>
        </ul>
      </el-card>
    </div>
  </div>
</template>

<script setup>
// 页面逻辑
</script>

<style scoped>
.drug-ratio-page {
  padding: 20px;
}

.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e4e7ed;
}

.page-content {
  margin-top: 20px;
}

.info-card {
  margin-bottom: 20px;
}

.info-card h3 {
  color: #409eff;
  margin-bottom: 10px;
}

.info-card ul {
  margin-left: 20px;
}

.info-card li {
  margin-bottom: 5px;
}
</style>
